<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>与鱼商城 特价数码 | 只为等你</title>
    <link rel="shortcut icon" href="icon/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/General style.css">
    <link rel="stylesheet" href="css/header.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/slideshow.css">
    <link rel="stylesheet" href="css/home-hero.css">
    <link rel="stylesheet" href="css/home-main.css">
    <link rel="stylesheet" href="css/footer.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <div class="site-topbar">
            <div class="container w clearfix">
                <!-- 头部导航 -->
                <div class="topbar-nav fl">
                    <a href="#">与鱼数码</a>
                    <span>|</span>
                    <a href="#">TOT</a>
                    <span>|</span>
                    <a href="#">与鱼服务</a>
                    <span>|</span>
                    <a href="#">团购</a>
                    <span>|</span>
                    <a href="#">协议规则</a>
                    <span>|</span>
                    <a href="#" id="j-app" class="topbar-download">
                        下载app
                        <div class="appcode">
                            <img src="img/APP.png" alt="数码商城" width="90" height="90">
                            与鱼APP
                        </div>
                    </a>
                    <span>|</span>
                    <a href="#">智慧与鱼</a>
                    <span>|</span>
                    <a href="#">与鱼论坛</a>
                </div>
                <div class="site-shop fr">
                    <a href="#" class="cart">
                        <em class="iconfont">&#xe61c;</em>购物车
                        <span class="J-sp"> (0) </span>
                    </a>
                    <div class="j-menu">
                        购物车中还没有商品，赶紧选购吧！
                    </div>
                </div>
                <div class="topbar-info fr">
                    <a href="#">登录</a>
                    <span>|</span>
                    <a href="#" class="zhuce">注册</a>
                    <span>|</span>
                    <span class="site-info-span">
                        <a href="#">消息通知</a>
                    </span>
                </div>
            </div>
        </div>
        <div class="site-header">
            <div class="container w clearfix">
                <!-- logo -->
                <div class="head-logo fl">
                    <a href="#" class="logo text">
                        与鱼数码
                    </a>
                </div>
                <!-- nav -->

                <!-- 搜索框 -->
                <div class="header-search fr">
                    <form action="" method="GET" class="search-form">
                        <input type="text" class="search-text" placeholder="ROG幻X">
                        <input type="submit" class="search-btn iconfont" value="&#xe652;">
                    </form>
                </div>
            </div>
        </div>
    </div>
    <!-- home 首页导航-->
    <div class="home-hero w">
        <!-- 轮播图 -->
        <div class="slideshow">
            <ul class="sli-ul">
                <li>
                    <a href="#">
                        <img src="upload/轮播图.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="upload/轮播图_1.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="upload/轮播图_2.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="upload/轮播图_3.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="upload/轮播图_4.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="upload/轮播图.png" alt="">
                    </a>
                </li>
            </ul>
            <div class="sli-box">
                <a href="javaScript:;"></a>
                <a href="javaScript:;"></a>
                <a href="javaScript:;"></a>
                <a href="javaScript:;"></a>
                <a href="javaScript:;"></a>
            </div>
            <div class="left"></div>
            <div class="right"></div>
        </div>
        <!-- sub 下-->
        <div class="home-sub clearfix">
            <div class="sub-l fl">
                <ul class="l-list clearfix">
                    <li>
                        <a href="#">
                            <img src="img/h-01.png" alt=""> 限时秒杀
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/h-02.png" alt=""> 组织团购
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/h-03.png" alt=""> 与鱼通道
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/h-04.png" alt=""> 与鱼玩家
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/h-05.png" alt=""> 以旧换新
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="img/h-06.png" alt=""> 鱼币充值
                        </a>
                    </li>
                </ul>
            </div>
            <div class="sub-r fl">
                <ul class="r-list clearfix">
                    <li class="first">
                        <a href="#">
                            <img src="upload/宣传图.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="upload/宣传图1.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="upload/宣传图2.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- home-main首页主体 -->
    <div class="home-main">
        <div class="container w">
            <!-- 限时秒杀 -->
            <div class="home-flashsale">
                <div class="box-hd">
                    <h2 class="title">限时秒杀</h2>
                </div>
                <div class="box-bd">
                    <div class="row clearfix">
                        <div class="flashsale-countdown fl">
                            <div class="round">
                                22:00 场
                            </div>
                            <img src="img/lightning" alt="">
                            <div class="desc">
                                距离开始还有
                            </div>
                            <div class="countdown clearfix">
                                <span class="hour"></span>
                                <i>:</i>
                                <span class="minute"></span>
                                <i>:</i>
                                <span class="second"></span>
                                <i></i>
                            </div>
                        </div>
                        <div class="flashsale-list fl">
                            <ul class="swiper-wrapper">
                                <!-- 1 -->
                                <li class="swiper-slide rainbow-item-1">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀1.png" alt="ROG影刃2 月耀白" width="160" height="160">
                                            </div>
                                            <h3 class="title">ROG影刃2 月耀白</h3>
                                            <p class="desc">双手通用、人体工学电竞鼠标，配备 6,200 DPI 光学传感器、即插式微动设计以及 AURA SYNC RGB
                                                神光同步灯效</p>
                                            <p class="price">
                                                <span>99</span>元
                                                <del>269元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 2 -->
                                <li class="swiper-slide rainbow-item-2">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀2.png" alt="ROG Crosshair VIII Hero" width="160"
                                                    height="160">
                                            </div>
                                            <h3 class="title">ROG Crosshair VIII Hero</h3>
                                            <p class="desc">AMD X570 ATX 电竞主板支持 PCIe 4.0, 16 供电模组, OptiMem III, 板载 Wi-Fi
                                                6 (802.11ax), 2.5 Gbps 网卡, USB 3.2, SATA, M.2 和 AURA SYNC RGB 神光同步灯效</p>
                                            <p class="price">
                                                <span>8999</span>元
                                                <del>10349元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 3 -->
                                <li class="swiper-slide rainbow-item-3">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀3.png" alt="ROG Strix Arion S500" width="160"
                                                    height="160">
                                            </div>
                                            <h3 class="title">ROG Strix Arion S500</h3>
                                            <p class="desc">再次突破强大</p>
                                            <p class="price">
                                                <span>499</span>元
                                                <del>899元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 4 -->
                                <li class="swiper-slide rainbow-item-4">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀4.png" alt="ROG 雷神2代 1000W 白金牌电源" width="160"
                                                    height="160">
                                            </div>
                                            <h3 class="title">ROG 雷神2代 1000W 白金牌电源</h3>
                                            <p class="desc">ROG雷神2 1000W 白金牌电源，静音，强劲！</p>
                                            <p class="price">
                                                <span>2449</span>元
                                                <del>4499元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 5 -->
                                <li class="swiper-slide rainbow-item-5">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀5.png" alt="ROG 幻X GZ301 " width="160" height="160">
                                            </div>
                                            <h3 class="title">ROG 幻X GZ301 </h3>
                                            <p class="desc">GeForce RTX ™ 3050 Ti</p>
                                            <p class="price">
                                                <span>8449</span>元
                                                <del>9499元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 6 -->
                                <li class="swiper-slide rainbow-item-6">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀1.png" alt="ROG影刃2 月耀白" width="160" height="160">
                                            </div>
                                            <h3 class="title">ROG影刃2 月耀白</h3>
                                            <p class="desc">双手通用、人体工学电竞鼠标，配备 6,200 DPI 光学传感器、即插式微动设计以及 AURA SYNC RGB
                                                神光同步灯效</p>
                                            <p class="price">
                                                <span>99</span>元
                                                <del>269元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 7 -->
                                <li class="swiper-slide rainbow-item-7">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀2.png" alt="ROG Crosshair VIII Hero" width="160"
                                                    height="160">
                                            </div>
                                            <h3 class="title">ROG Crosshair VIII Hero</h3>
                                            <p class="desc">AMD X570 ATX 电竞主板支持 PCIe 4.0, 16 供电模组, OptiMem III, 板载 Wi-Fi
                                                6 (802.11ax), 2.5 Gbps 网卡, USB 3.2, SATA, M.2 和 AURA SYNC RGB 神光同步灯效</p>
                                            <p class="price">
                                                <span>8999</span>元
                                                <del>10349元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 8 -->
                                <li class="swiper-slide rainbow-item-8">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀3.png" alt="ROG Strix Arion S500" width="160"
                                                    height="160">
                                            </div>
                                            <h3 class="title">ROG Strix Arion S500</h3>
                                            <p class="desc">再次突破强大</p>
                                            <p class="price">
                                                <span>499</span>元
                                                <del>899元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 9 -->
                                <li class="swiper-slide rainbow-item-9">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀4.png" alt="ROG 雷神2代 1000W 白金牌电源" width="160"
                                                    height="160">
                                            </div>
                                            <h3 class="title">ROG 雷神2代 1000W 白金牌电源</h3>
                                            <p class="desc">ROG雷神2 1000W 白金牌电源，静音，强劲！</p>
                                            <p class="price">
                                                <span>2449</span>元
                                                <del>4499元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 10 -->
                                <li class="swiper-slide rainbow-item-10">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀5.png" alt="ROG 幻X GZ301 " width="160" height="160">
                                            </div>
                                            <h3 class="title">ROG 幻X GZ301 </h3>
                                            <p class="desc">GeForce RTX ™ 3050 Ti</p>
                                            <p class="price">
                                                <span>8449</span>元
                                                <del>9499元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 11 -->
                                <li class="swiper-slide rainbow-item-11">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀1.png" alt="ROG影刃2 月耀白" width="160" height="160">
                                            </div>
                                            <h3 class="title">ROG影刃2 月耀白</h3>
                                            <p class="desc">双手通用、人体工学电竞鼠标，配备 6,200 DPI 光学传感器、即插式微动设计以及 AURA SYNC RGB
                                                神光同步灯效</p>
                                            <p class="price">
                                                <span>99</span>元
                                                <del>269元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 12 -->
                                <li class="swiper-slide rainbow-item-12">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀3.png" alt="ROG Strix Arion S500" width="160"
                                                    height="160">
                                            </div>
                                            <h3 class="title">ROG Strix Arion S500</h3>
                                            <p class="desc">再次突破强大</p>
                                            <p class="price">
                                                <span>499</span>元
                                                <del>899元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                                <!-- 13 -->
                                <li class="swiper-slide rainbow-item-13">
                                    <a href="#">
                                        <div class="conter">
                                            <div class="thumb">
                                                <img src="upload/秒杀2.png" alt="ROG Crosshair VIII Hero" width="160"
                                                    height="160">
                                            </div>
                                            <h3 class="title">ROG Crosshair VIII Hero</h3>
                                            <p class="desc">AMD X570 ATX 电竞主板支持 PCIe 4.0, 16 供电模组, OptiMem III, 板载 Wi-Fi
                                                6 (802.11ax), 2.5 Gbps 网卡, USB 3.2, SATA, M.2 和 AURA SYNC RGB 神光同步灯效</p>
                                            <p class="price">
                                                <span>8999</span>元
                                                <del>10349元</del>
                                            </p>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="swiper-controls">
                            <span class="swiper-flashsale-prev">
                                <i class="iconfont btn-left">&#xe603;</i>
                            </span>
                            <span class="swiper-flashsale-next">
                                <i class="iconfont btn-right">&#xe638;</i>
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 广告图 -->
            <div class="home-banner-box">
                <a href="#">
                    <img src="img/广告图.png" alt="note 9" width="1226px" height="120">
                </a>
            </div>
            <!-- 笔记本 -->
            <div class="home-mobile-box">
                <!-- 上 -->
                <div class="box-hd">
                    <h2 class="title">笔记本</h2>
                    <div class="more">
                        <a href="#" class="more-link">
                            查看全部<i class="iconfont iconfont-arrow-right-big">&#xe638;</i>
                        </a>
                    </div>
                </div>
                <!-- 下 -->
                <div class="box-bd">
                    <div class="row clearfix">
                        <div class="mobile-left fl">
                            <ul class="mobile-left-list">
                                <li class="brick-item brick-item-l">
                                    <a href="#">
                                        <img src="upload/笔记本.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="mobile-right fl">
                            <ul class="brick-list clearfix">
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/笔记本1.png" alt="">
                                        </div>
                                        <h3 class="title">冰刃6</h3>
                                        <p class="desc">锐龙R9 | 16英寸</p>
                                        <p class="price">
                                            <span class="num">25999</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/笔记本2.png" alt="">
                                        </div>
                                        <h3 class="title">幻16</h3>
                                        <p class="desc">第十二代英特尔酷睿，16英寸高性能游戏本</p>
                                        <p class="price">
                                            <span class="num">10999</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/笔记本3.png" alt="">
                                        </div>
                                        <h3 class="title">幻X</h3>
                                        <p class="desc">高色域触控全面屏，二合一轻薄游戏本</p>
                                        <p class="price">
                                            <span class="num">12499</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/笔记本4.png" alt="">
                                        </div>
                                        <h3 class="title">魔霸6Plus</h3>
                                        <p class="desc">240HZ P3广色域游戏本</p>
                                        <p class="price">
                                            <span class="num">11999</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/笔记本5.png" alt="">
                                        </div>
                                        <h3 class="title">枪神6Plus</h3>
                                        <p class="desc">240HZ/电竞屏/新一代液金导热</p>
                                        <p class="price">
                                            <span class="num">14499</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/笔记本1.png" alt="">
                                        </div>
                                        <h3 class="title">冰刃4Plus</h3>
                                        <p class="desc">300Hz[液金导热]4K屏</p>
                                        <p class="price">
                                            <span class="num">10869</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/笔记本2.png" alt="">
                                        </div>
                                        <h3 class="title">幻15 </h3>
                                        <p class="desc">240HZ设计师轻薄，R76800HS旗舰处理器</p>
                                        <p class="price">
                                            <span class="num">10999</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                                <li class="brick-item brick-item-m brick-item-m-2">
                                    <a href="#">
                                        <div class="figure figure-img">
                                            <img src="upload/笔记本5.png" alt="">
                                        </div>
                                        <h3 class="title">枪神5Plus</h3>
                                        <p class="desc">超频版8核锐龙R9，300Hz刷新率</p>
                                        <p class="price">
                                            <span class="num">18999</span>元
                                            <span>起</span>
                                        </p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 广告图 -->
            <div class="home-banner-box">
                <a href="#">
                    <img src="img/广告图1.png" alt="note 9" width="1226px" height="120">
                </a>
            </div>
            <!-- 配件 -->
            <div class="home-appliances-box">
                <!-- 上 -->
                <div class="box-hd clearfix">
                    <h2 class="title fl">配件</h2>
                    <div class="more">
                        <ul class="tab-list clearfix">
                            <li>热门</li>
                        </ul>
                    </div>
                </div>
                <!-- 下 -->
                <div class="box-bd">
                    <div class="row clearfix">
                        <div class="appliances-left fl">
                            <ul class="brick-promo-list clearfix">
                                <li class="brick-item  brick-item-m">
                                    <a href="#"><img src="upload/配件大图.png" alt=""></a>
                                </li>
                                <li class="brick-item  brick-item-m">
                                    <a href="#"><img src="upload/配件大图1.png" alt=""></a>
                                </li>
                            </ul>
                        </div>
                        <div class="appliances-right fl">
                            <div>
                                <ul class="brick-list clearfix">
                                    <!-- 1 -->
                                    <li class="brick-item brick-item-m brick-item-m-2">
                                        <a href="#">
                                            <div class="figure figure-img">
                                                <img src="upload/配件1.png" alt="">
                                            </div>
                                            <h3 class="title">ROG Strix XG16AHPE-W</h3>
                                            <p class="desc">便携式 144Hz 电竞显示器 </p>
                                            <p class="price">
                                                <span class="num">2699</span>元
                                                <span>起</span>
                                            </p>
                                        </a>
                                    </li>
                                    <!-- 2 -->
                                    <li class="brick-item brick-item-m brick-item-m-2">
                                        <a href="#">
                                            <div class="figure figure-img">
                                                <img src="upload/配件2.png" alt="">
                                            </div>
                                            <h3 class="title">ROG影刃2 月耀白</h3>
                                            <p class="desc">双手通用、人体工学电竞鼠标</p>
                                            <p class="price">
                                                <span class="num">269</span>元
                                                <span>起</span>
                                            </p>
                                        </a>
                                    </li>
                                    <!-- 3 -->
                                    <li class="brick-item brick-item-m brick-item-m-2">
                                        <a href="#">
                                            <div class="figure figure-img">
                                                <img src="upload/配件3.png" alt="">
                                            </div>
                                            <h3 class="title">ROG Rapture GT-AX11000</h3>
                                            <p class="desc">玩家国度WiFi6三频万兆电竞路由</p>
                                            <p class="price">
                                                <span class="num">8299</span>元
                                                <span>起</span>
                                            </p>
                                        </a>
                                    </li>
                                    <!-- 4 -->
                                    <li class="brick-item brick-item-m brick-item-m-2">
                                        <a href="#">
                                            <div class="figure figure-img">
                                                <img src="upload/配件4.png" alt="">
                                            </div>
                                            <h3 class="title">ROG Strix Arion S500</h3>
                                            <p class="desc">幻影移动固态硬盘</p>
                                            <p class="price">
                                                <span class="num">899</span>元
                                                <span>起</span>
                                            </p>
                                        </a>
                                    </li>
                                    <!-- 5 -->
                                    <li class="brick-item brick-item-m brick-item-m-2">
                                        <a href="#">
                                            <div class="figure figure-img">
                                                <img src="upload/配件5.png" alt="">
                                            </div>
                                            <h3 class="title">ROG THOR 雷神 1600W 钛金牌电源</h3>
                                            <p class="desc">钛金牌电源采用氮化镓(GaN)晶体管</p>
                                            <p class="price">
                                                <span class="num">4499</span>元
                                                <span>起</span>
                                            </p>
                                        </a>
                                    </li>
                                    <!-- 6 -->
                                    <li class="brick-item brick-item-m brick-item-m-2">
                                        <a href="#">
                                            <div class="figure figure-img">
                                                <img src="upload/配件6.png" alt="">
                                            </div>
                                            <h3 class="title">ROG游侠RX TKL无线键盘</h3>
                                            <p class="desc">专为 FPS 游戏而生，具备三模连接功能</p>
                                            <p class="price">
                                                <span class="num">1299</span>元
                                                <span>起</span>
                                            </p>
                                        </a>
                                    </li>
                                    <!-- 7 -->
                                    <li class="brick-item brick-item-m brick-item-m-2">
                                        <a href="#">
                                            <div class="figure figure-img">
                                                <img src="upload/配件7.png" alt="">
                                            </div>
                                            <h3 class="title">ROG MAXIMUS Z690 EXTREME</h3>
                                            <p class="desc">24+1 供电模组, 支持DDR5及OptiMem III内存优化</p>
                                            <p class="price">
                                                <span class="num">14999</span>元
                                                <span>起</span>
                                            </p>
                                        </a>
                                    </li>
                                    <!-- 8 -->
                                    <li class="brick-item brick-item-s">
                                        <a href="#">
                                            <div class="figure figure-img">
                                                <img src="upload/配件8.png" alt="ROG Scabbard" width="80" height="80">
                                            </div>
                                            <h3 class="title">ROG Scabbard</h3>
                                            <p class="price"><span class="num">1579</span>元</p>
                                        </a>
                                    </li>
                                    <!-- 9 -->
                                    <li class="brick-item brick-item-s">
                                        <a href="">
                                            <div class="figure figure-more">
                                                <i class="iconfont">&#xe83b;</i>
                                            </div>
                                            <div class="more">
                                                浏览更多
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <!-- 广告图 -->
            <div class="home-banner-box">
                <a href="#">
                    <img src="img/广告图3.png" alt="note 9" width="1226px" height="120">
                </a>
            </div>
            <!-- 视频 -->
            <div class="home-mobile-box home-video-box">
                <!-- 上 -->
                <div class="box-hd">
                    <h2 class="title">视频</h2>
                    <div class="more">
                        <a href="#" class="more-link">
                            查看全部<i class="iconfont iconfont-arrow-right-big">&#xe638;</i>
                        </a>
                    </div>
                </div>
                <!-- 下 -->
                <div class="box-bd clearfix">
                    <ul class="video-list clearfix">
                        <li class="video-item">
                            <a href="#">
                                <div class="figure figure-img figure-video">
                                    <div class="figure-box">
                                        <img src="img/幻16.png" alt="" class="img1">
                                        <!--video视频标签，给上宽高-->
                                        <video class="video1" width="296" height="180" muted="muted">
                                            <!--视频类型为视频和视频路径-->
                                            <source type="audio/mp4" src="video/ROG幻16.mp4">
                                            </source>
                                        </video>
                                    </div>
                                    <span class="play">
                                        <i class="iconfont">&#xe63a;</i>
                                    </span>
                                </div>
                                <h3 class="title">幻16 16英寸高端全能本</h3>
                            </a>
                        </li>
                        <li class="video-item">
                            <a href="#">
                                <div class="figure figure-img figure-video">
                                    <div class="figure-box">
                                        <img src="img/幻X.png" alt="" class="img1">
                                        <!--video视频标签，给上宽高-->
                                        <video class="video1" width="296" height="180" muted="muted">
                                            <!--视频类型为视频和视频路径-->
                                            <source type="audio/mp4" src="video/ROG幻X.mp4">
                                            </source>
                                        </video>
                                    </div>
                                    <span class="play">
                                        <i class="iconfont">&#xe63a;</i>
                                    </span>
                                </div>
                                <h3 class="title">幻X 触控全面屏二合一轻薄游戏本</h3>
                            </a>
                        </li>
                        <li class="video-item">
                            <a href="#">
                                <div class="figure figure-img figure-video">
                                    <div class="figure-box">
                                        <img src="img/枪神6.png" alt="" class="img1">
                                        <!--video视频标签，给上宽高-->
                                        <video class="video1" width="296" height="180" muted="muted">
                                            <!--视频类型为视频和视频路径-->
                                            <source type="audio/mp4" src="video/ROG枪神6.mp4">
                                            </source>
                                        </video>
                                    </div>
                                    <span class="play">
                                        <i class="iconfont">&#xe63a;</i>
                                    </span>
                                </div>
                                <h3 class="title">枪神6 240Hz电竞屏游戏本</h3>
                            </a>
                        </li>
                        <li class="video-item">
                            <a href="#">
                                <div class="figure figure-img figure-video">
                                    <div class="figure-box">
                                        <img src="img/魔霸新锐.png" alt="" class="img1">
                                        <!--video视频标签，给上宽高-->
                                        <video class="video1" width="296" height="180" muted="muted">
                                            <!--视频类型为视频和视频路径-->
                                            <source type="audio/mp4" src="video/ROG魔霸新锐.mp4">
                                            </source>
                                        </video>
                                    </div>
                                    <span class="play">
                                        <i class="iconfont">&#xe63a;</i>
                                    </span>
                                </div>
                                <h3 class="title">魔霸新锐 R9-6900HX 液金导热</h3>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer-box">
        <div class="site-footer clearfix">
            <div class="w">
                <!-- 服务部分 -->
                <div class="footer-service">
                    <ul class="list-service clearfix">
                        <li><a href="#"><em class="iconfont">&#xe629;</em>预约维修服务</a></li>
                        <li><a href="#"><em class="iconfont">&#xe61f;</em>7天无理由退货</a></li>
                        <li><a href="#"><em class="iconfont iconfont-circle-15">&#xe606;</em>15天免费换货</a></li>
                        <li><a href="#"><em class="iconfont">&#xe633;</em>满99元包邮</a></li>
                        <li><a href="#"><em class="iconfont">&#xe632;</em>76家售后门店</a></li>
                    </ul>
                </div>
                <!-- 友情链接 -->
                <div class="footer-links">
                    <dl class="col-links">
                        <dt>帮助中心</dt>
                        <dd><a href="#">账户管理</a></dd>
                        <dd><a href="#">购物指南</a></dd>
                        <dd><a href="#">订单操作</a></dd>
                    </dl>
                    <dl class="col-links">
                        <dt>服务支持</dt>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">自助服务</a></dd>
                        <dd><a href="#">相关下载</a></dd>
                    </dl>

                    <dl class="col-links">
                        <dt>关注我们</dt>
                        <dd><a href="#">新浪微博</a></dd>
                        <dd><a href="#">微信公众号</a></dd>
                        <dd><a href="#">抖音</a></dd>
                    </dl>
                    <dl class="col-links">
                        <dt>特色服务</dt>
                        <dd><a href="#">与鱼通道</a></dd>
                        <dd><a href="#">礼物码</a></dd>
                        <dd><a href="#">防伪查证</a></dd>
                    </dl>
                    <div class="col-contact">
                        <p class="phone">404-110-7612</p>
                        <p>8:00-18:00（仅收市话费）</p>
                        <div class="follow">
                            关注我们
                            <a href="#" class="wb"></a>
                            <a href="#" class="wx" id="J_followWx"></a>
                            <img src="img/APP.png" alt="" id="J_followWxImg">
                            <a href="#" class="dy"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="site-info">
            <div class="w container clearfix">
                <div class="logo ir">与鱼数码</div>
                <div class="info-text">
                    <p class="sites">
                        <a href="#">玩转与鱼</a>
                        <span>|</span>
                        <a href="#">与鱼大神</a>
                        <span>|</span>
                        <a href="#">定制服务</a>
                        <span>|</span>
                        <a href="#">产品注册</a>
                        <span>|</span>
                        <a href="#">微信服务</a>
                        <span>|</span>
                        <a href="#">产品安全公告</a>
                        <span>|</span>
                        <a href="#">And Fish</a>
                    </p>
                    <p class="sites">
                        <a href="#">佛山互联网法院法律服务工作站</a>
                        <span>|</span>
                        <a href="#">中国消费者协会</a>
                        <span>|</span>
                        <a href="#">佛山市消费者协会</a>
                    </p>
                    <p>
                        ©
                        <a href="#">rog.asus.com</a> 京ICP证110507号
                        <a href="#">京ICP备10046555号</a>
                        <a href="#">京公网安备11010802034134号</a>
                        <a href="#">京网文[2020]0276-076号</a>
                        <br>
                        <a href="#">（京）网械平台备字（2018）第00015号</a>
                        <a href="#">互联网药品信息服务资格证 (京)-非经营性-2014-0090</a>
                        <a href="#">营业执照</a>
                        <a href="#">医疗器械质量公告</a>
                        <br>
                        <a href="#">增值电信业务许可证</a> 网络食品经营备案 京食药网食备202010048
                        <a href="#">食品经营许可证</a>
                        <br> 违法和不良信息举报电话：171-5104-4404
                    </p>
                </div>
            </div>
            <div class="slogan">
                <a href="https://www.google.com">毕业设计</a>
            </div>
        </div>
    </div>
    <!-- 工具条 -->
    <div class="home-tool-bar">
        <a href="#" class="item backtop" id="J_atop">
            <div class="icon">
                <img src="img/totop.png" alt="" class="static"><img src="img/totop_hover.png" alt="" class="hover">
            </div>
            <span class="text">回顶部</span>
        </a>
    </div>
</body>
<script src=" js/index.js "></script>
<script src="js/slideshow.js "></script>
<script src="js/date.js"></script>
<script src="js/main.js"></script>
<script src="js/move.js "></script>
<script src="js/roll.js "></script>
<script src="js/tab.js"></script>

</html>